<template>
    <view class="info ph-20 mt-20">
        <view class="w-f pv-32 ph-32 b-24 background-white mt-20">
            <view class="fs-28 fw-600 text-color4">产品描述</view>
            <view class="w-f mt-20">
                <u-parse :content="detail.description"></u-parse>
            </view>
        </view>
    </view>
</template>
<script setup lang="ts">
import { ref } from 'vue';

import { toRefs } from 'vue';
const props = defineProps({
    detail: {
        type: Object,
    },
    shopData: {
        type: Object,
    },
});
const { detail, shopData } = toRefs(props);
</script>
<style lang="scss" scoped>
.info {
    .preferential {
        background: #fff5f5;
        line-height: 32rpx;
        display: inline-block;
    }
    .background-white {
        background: #fff;
    }
    .old-price {
        text-decoration: line-through;
    }
    .text-position {
        position: relative;
        top: 22rpx;
    }
    .text-psymbol {
        position: relative;
        top: 12rpx;
    }
}
</style>
